#app{
  background: var(--el-bg-color-page);
  min-height: 100vh;
}
/* flex 布局 */
.flexLeftCenter {
  display: flex;
  align-items: center;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexRightCenter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flexBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flexColumnLeft {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.flexColumnCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flexColumnRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.flexColumnBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flexAround {
  display: flex;
  justify-content: space-around;
}

.flexWrap {
  display: flex;
  flex-wrap: wrap;
}